<!DOCTYPE html>
<ui:composition template="/master.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

	<ui:define name="content">
		<!--
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
	<style>
.fondo {
	background-image: url("../../resources/imagenes/fondo_transp.png");
	background-repeat: no-repeat;
	background-position: right;
}
</style>
</h:head>   
<body>
-->

		<p:panel id="basic" header="Registrar Menú" style="width:900px"
			styleClass="fondo">
			<h:panelGrid columns="2" cellpadding="5">
				<h:outputLabel for="menu" value="Nombre Menú:" />
				<p:inputText style="width:200%"></p:inputText>

				<h:outputLabel for="desc" value="Descripción:" />
				<p:inputTextarea rows="3" style="width:200%" />

				<h:outputLabel value="Preparación:" />
				<p:inputTextarea rows="3" style="width:200%" />
			</h:panelGrid>
			<p:panel id="insumo" header="Insumos"
				style="background-color:rgba(0,0,0,0);">
				<h:panelGrid columns="2" cellpadding="5">
					<h:outputLabel for="insumo" value="Insumo:" />
					<p:selectOneMenu value="" style="width:210px">
						<f:selectItem itemLabel="Select One" itemValue="" />
						<f:selectItem itemLabel="Option 1" itemValue="1" />
						<f:selectItem itemLabel="Option 2" itemValue="2" />
					</p:selectOneMenu>
					<h:outputLabel for="cant" value="Cantidad:" />
					<p:inputText></p:inputText>

					<h:outputLabel for="cant" value="Unidad medida:" />
					<p:inputText></p:inputText>


				</h:panelGrid>
	

				<p:separator id="separator" style="width:100%;text-align:right" />

				<p:dataTable var="" value="" rows="5" scrollable="true"
					editable="true" style="width:100%">

					<p:column headerText="Insumos">
						<p:cellEditor>
							<f:facet name="output">
								<h:outputText value="Pollo" />
							</f:facet>
							<f:facet name="input">
								<p:inputText id="modelInput" value="" style="width:100%" />
							</f:facet>
						</p:cellEditor>
					</p:column>

					<p:column headerText="Cantidad">
						<p:cellEditor>
							<f:facet name="output">
								<h:outputText value="250 gramos" />
							</f:facet>
							<f:facet name="input">
								<p:inputText id="modelInput" value="" style="width:100%" />
							</f:facet>
						</p:cellEditor>
					</p:column>

					<p:column headerText="Modificar"
						style="width:70px;text-align: center">
						<p:rowEditor />
					</p:column>

					<p:column style="width:70px;text-align: center"
						headerText="Eliminar">
						<p:commandButton update="" oncomplete="" icon="ui-icon-close"
							title="View">
							<f:setPropertyActionListener value="" target="" />
							<p:confirm header="Confirmation" message="Are you sure?"
								icon="ui-icon-alert" />
						</p:commandButton>

						<p:confirmDialog global="true" showEffect="fade" hideEffect="fade">
							<p:commandButton value="Yes" type="button"
								styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
							<p:commandButton value="No" type="button"
								styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
						</p:confirmDialog>

					</p:column>

				</p:dataTable>
	<br />
					<p:commandButton value="Agregar" icon="ui-icon-disk" />
			</p:panel>
			
					
			<br />
			<h:outputText value="Foto" />
		<p:commandButton value="Seleccionar" icon="ui-icon-up" />
		<br />
		<br />
			<p:commandButton value="Guardar" icon="ui-icon-disk" />

		</p:panel>

	</ui:define>
</ui:composition>
